<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<script type="text/javascript">

     function grabar(){
               var codrubro=document.getElementById("codrubro").value;
               var txtocivilrubro=document.getElementById("ocivilrubro").value;
               var txtdescmetarubro=document.getElementById("descmetarubro").value;
               var numcantrubro=document.getElementById("cantrubro").value;
               var numcunrubro=document.getElementById("cunrubro").value;
               var txtfuenterubro=document.getElementById("fuenterubro").value;
               var numaniorubro=document.getElementById("cboTipo").value;
               var codPrograma=document.getElementById("codPrograma").value;
               var opcion=document.getElementById("opcionrubro").value;
                var idDiv = "divTabla";
                var metodo = "GET";
                var url = "consultasAjax/listarProgInvCRubroAjax.jsp?codrubro="+codrubro+"&txtocivilrubro="+txtocivilrubro+"&txtdescmetarubro="+txtdescmetarubro+"&numcantrubro="+numcantrubro+"&numcunrubro="+numcunrubro+"&txtfuenterubro="+txtfuenterubro+"&numaniorubro="+numaniorubro+"&codPrograma="+codPrograma+"&opcion="+opcion;
                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;                
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);                
                document.getElementById("opcionrubro").value=1;
                setControl();
     }


     function listar(){

               var codrubro=0;
               var txtocivilrubro="";
               var txtdescmetarubro="";
               var numcantrubro=0;
               var numcunrubro=0;
               var txtfuenterubro="";
               var numaniorubro=0;
               var opcion=0;

               var codPrograma=document.getElementById("codPrograma").value;

                var idDiv = "divTabla";
                var metodo = "GET";

                var url = "consultasAjax/listarProgInvCRubroAjax.jsp?codrubro="+codrubro+"&txtocivilrubro="+txtocivilrubro+"&txtdescmetarubro="+txtdescmetarubro+"&numcantrubro="+numcantrubro+"&numcunrubro="+numcunrubro+"&txtfuenterubro="+txtfuenterubro+"&numaniorubro="+numaniorubro+"&codPrograma="+codPrograma+"&opcion="+opcion;
                var cadenaSalida = "";
                var async = true;


                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
                document.getElementById("opcionrubro").value=1;



        //setControls();

     }

    function editar(codrubro,txtocivilrubro,txtdescmetarubro,numcantrubro,numcunrubro,txtfuenterubro,numaniorubro,codPrograma){
        document.getElementById("codrubro").value=codrubro;
        document.getElementById("ocivilrubro").value=txtocivilrubro;
        document.getElementById("descmetarubro").value=txtdescmetarubro;
        document.getElementById("cantrubro").value=numcantrubro;
        document.getElementById("cunrubro").value=numcunrubro;
        document.getElementById("fuenterubro").value=txtfuenterubro;
        document.getElementById("cboTipo").value=numaniorubro;
        document.getElementById("codPrograma").value=codPrograma;
        document.getElementById("opcionrubro").value=2;
    }
    
    function eliminar(codrubro,codPrograma){
if (confirmAction()==false) return;
        document.getElementById("codrubro").value=codrubro;
        document.getElementById("ocivilrubro").value="";
        document.getElementById("descmetarubro").value="";
        document.getElementById("cantrubro").value=0;
        document.getElementById("cunrubro").value=0;
        document.getElementById("fuenterubro").value="";
        document.getElementById("cboTipo").value=-1;
        document.getElementById("codPrograma").value=codPrograma;
        document.getElementById("opcionrubro").value=3;
        grabar();
    }

     function confirmAction(){
        if (confirm("Se borrara el rubro de componente de ejecucion  \n ¿Esta seguro de continuar? "))
            return true;
        else return false;
    }

    /*function validar(){

       if (document.getElementById("txtMeta").value=="" ||document.getElementById("txtMeta").value==null)
        {
            document.getElementById("txtMeta").focus();
            alert("Ingrese Meta ");
            return;
        }

        if (document.getElementById("txtCantidad").value=="" ||document.getElementById("txtCantidad").value==null)
        {
            alert("Ingrese Cantidad ");
            document.getElementById("txtCantidad").focus();
            return;
        }

       if (document.getElementById("cboTipo").value==-1 )
        {
            document.getElementById("cboTipo").focus();
            alert("Seleccione Tipo ");
            return;
        }
        
        grabar();
        
    }*/

    /*function setControls(){

        document.getElementById("txtMeta").value="";
        document.getElementById("txtCantidad").value="";
        document.getElementById("cboTipo").value=-1;
        document.getElementById("codUpdate").value=0;
        document.getElementById("opcion").value=1;

    }*/


       function autoCompletarDiv(metodo,url,cadena,async,idDiv)
        {
            if( window.XMLHttpRequest )
                ajax = new XMLHttpRequest();
            else
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            ELEMENT_DIV = idDiv;
            ajax.onreadystatechange = funcionCallbackVerDiv;
            ajax.open( metodo, url, async);
            ajax.send(cadena);
        }

    function funcionCallbackVerDiv()
        {
            if( ajax.readyState == 4 )
            {
                if( ajax.status == 200 )
                {
                    document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
                }
            }
        }


     /*function meta(codmeta,descMeta){
           var descPrograma=document.getElementById("titu_programa");
           var form = document.getElementById("ProgEstrForm");
            //form.codObj.value = codigo;
            //form.descObj.value = desc;
            form.action="ProgEstra.do?dispatch=loadFinMeta&codmeta="+codmeta+"&descMeta="+descMeta+"&descPrograma="+descPrograma;

            form.method="post";
            form.submit();
     }*/

     /*function setCbo(){

         var cboTipo=document.getElementById("cboTipo").value;
         
         document.getElementById("hidCbo").value=cboTipo;
         
     }*/

/*function eventoSoloNumeros(){
	var key = event.keyCode;
	if ((key == 13 )|| (key >= 48 && key <= 57) || (key==8 )==true)
		event.returnValue = true;
	else
		event.returnValue = false;
  }*/
 /*function regresar(){
         var form = document.getElementById("ProgEstrForm");
        var codigo=document.getElementById("pk").value;
        var desc=document.getElementById("titu_programa").value;
         form.action="ProgEstra.do?dispatch=loadComponentesInv&codPrograma="+codigo+"&desc="+desc;
          form.method="post";

        form.submit();

    }*/

    function setControl(){
        document.getElementById("ocivilrubro").value="";
        document.getElementById("descmetarubro").value="";
        document.getElementById("cantrubro").value="";
        document.getElementById("cunrubro").value="";
        document.getElementById("fuenterubro").value="";
        document.getElementById("cboTipo").value=-1;
    }

</script>
<html >
 <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="lib/css/estilos.css" type="text/css">
        <link href="lib/css/calendar.css" rel="stylesheet" type="text/css" />
        <link href="lib/css/styles_pages.css" rel="stylesheet" type="text/css" />
        <title>JSP Page</title>
    </head>

<body onload="listar()"> <!--action="ProgEstra.do?dispatch=loadFinMeta" styleId="ProgEstrForm"-->
    <center><h1>Rubros de Componente de Ejecucion</h1></center>
    <div style="overflow: auto; width:710px; height: 400px">
     <html:form action="ProgEstra.do?dispatch=loadComponenteRubroI" styleId="ProgEstrForm">
        <html:hidden property="opcionrubro" styleId="opcionrubro" value="1"/>
        <html:hidden property="codrubro" styleId="codrubro" value="0"/>
        <html:hidden property="codPrograma" styleId="codPrograma" />
        <html:hidden property="metaFin" styleId="metaFin" />
        <html:hidden property="titu_programa" styleId="titu_programa" />
                <table>
                    <tr>
                        <td>
                            Nombre del Proyecto
                        </td>
                        <td>
                            <html:text property="titu_programa" styleId="titu_programa" readonly="true" disabled="true"/>
                        </td>
                    </tr>
                </table>
                <table>
                    <tr>
                        <td>
                            Obras Civiles
                        </td>
                        <td>
                            <html:text property="ocivilrubro" styleId="ocivilrubro"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Descripcion de la Meta
                        </td>
                        <td>
                            <html:text property="descmetarubro" styleId="descmetarubro"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Cantidad
                        </td>
                        <td>
                            <html:text property="cantrubro" styleId="cantrubro"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Costo Unitario
                        </td>
                        <td>
                            <html:text property="cunrubro" styleId="cunrubro"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Fuente de Financiamiento
                        </td>
                        <td>
                            <html:text property="fuenterubro" styleId="fuenterubro"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Año
                        </td>
                        <td>
                            <select name="cboTipo" Id="cboTipo"   >
                                        <option value="-1">[--Seleccionar--]</option>
                                        <option value="2008">2008</option>
                                        <option value="2009">2009</option>
                                        <option value="2010">2010</option>
                                        <option value="2011">2011</option>
                                        <option value="2012">2012</option>
                                        <option value="2013">2013</option>
                                        <option value="2014">2014</option>
                                        <option value="2015">2015</option>

                        </select>

                        </td>
                    </tr>


                </table>



                <table width="100%">
                  <tr>
                       <td colspan="2" align="center">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                           <input id="Insertar" name="Insertar" type="button" value="Insertar" onclick="grabar()"/><input id="Atras" name="Atras" type="button" value="Regresar" onclick="regresar()"/>
                       </td>
                  </tr>
                </table>
             <div id="divTabla">
             </div>
     </html:form>
    </div>
</body>
</html>

